@charset "utf-8";
@import "reset";
@import "iconfont";
@import "common";
@import "ff_classnr";
body{
    overflow: hidden;
}
.content {
    position: absolute;
    top: r(90px);
    bottom: r(95px);
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: #f5f5f5;
    -webkit-overflow-scrolling: touch;
    .carousel {
        .lunbo_wrap {
            position: relative;
            overflow: hidden;
            width: 100%;
            //          height: r(340px)!important;
            .pic_box {
                height: 100%;
                width: 100%;
                list-style: none;
                white-space: nowrap;
                font-size: 0;
                >li {
                    display: inline-block;
                    position: relative;
                    height: 100%;
                    >img {
                        width: 100%;
                        height: 100%;
                        display: block;
                    }
                    .lunbo_text {
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        width: 100%;
                        background: rgba(0, 0, 0, 0.3);
                        height: r(104px);
                        >h1 {
                            font-size: r(24px);
                            color: #FFFFFF;
                            width: 95%;
                            margin: 0 auto;
                            overflow: hidden;
                            line-height: r(60px);
                            text-overflow: ellipsis;
                            -webkit-line-clamp: 1;
                            display: -webkit-box;
                            -webkit-box-orient: vertical;
                        }
                        >dl {
                            width: 95%;
                            margin: 0 auto;
                            >dt {
                                >a {
                                    text-decoration: none;
                                    font-size: 12px;
                                    color: white;
                                    margin-left: 5px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .wei{
        background: #FFFFFF;
        width: 100%;
        margin-top: 5%;
        padding-bottom: 3%;
        >ul{
            width: 90%;
            margin: 0 auto;
            display: flex;
            padding-top: 5%;
            justify-content: space-between;
            >li{
                &:first-of-type{
                  .zr{
                      width:r(58px);
                      height:r(58px);
                      display: inline-block;
                      line-height: r(58px);
                      text-align: center;
                      overflow:hidden;
                      vertical-align: top;
                      border-radius: 50%;
                      >img{
                          height: 100%;
                      }
                  } 
                  >p{
                      display:inline-block;
                      color: #c5c5c5;
                      font-size: r(22px);
                      >span{
                          display: block;
                          font-size: r(20px);
                      }
                  } 
                }
                &:nth-of-type(2){
                    >a{
                        display: block;
                        background: #b20000;
                        width: r(228px);
                        height: r(58px);
                        line-height: r(58px);
                        text-align: center;
                        color:white;
                        font-size: r(26px);
                        >i{
                            font-size: r(26px);
                        }
                    }
                }
            }
        }
        >dl{
            margin: 0 auto;
            width: 90%;
            >dt{
               display: flex;
               font-size: r(16px);
               padding-bottom: r(10px);
               border-bottom: 1px solid #e2e2e2;
               justify-content: space-between;
               >h1{
                   font-size: r(26px);
               } 
            }
            >dd{
                width: 100%;
                 padding-top: r(10px);
                >img{
                    width: 100%;
                }
            }
        }
    }
}
.classnr{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #FFFFFF;
    transform: translateX(100%);
    transition:all 500ms linear;
}
.classshow{
    transform: translateX(0);
    transition:all 500ms linear;
}
